@use "src/styles/variables" as *;

.vm-with-template {
  display: grid;
  gap: $padding-medium;

  &-body {
    display: grid;
    gap: $padding-global;
    align-items: flex-start;
    width: 100%;

    &-top {
      display: flex;
      gap: $padding-small;
      align-items: center;
      justify-content: flex-end;
    }

    &__expr textarea {
      min-height: 200px;
    }

    &__result textarea {
      min-height: 60px;
    }

    textarea {
      font-family: $font-family-monospace;
      overflow: auto;
      width: 100%;
      height: 100%;
    }
  }
}
